<template>
	<div class="AdminIndex">
		<div class="tab">
			<Row>
				<Col :offset="4">
					<Card class="c1">
						<div>商户个数:</div>
						<div>{{this.shop.shops}}</div>
						<div><Button class="btn1" @click="$router.push('/admin/home/backstage')">查看</Button></div>
					</Card>
				</Col>
				<Col :offset="9">
					<Card class="c1">
						<div>待确认商户个数:</div>
						<div>{{this.shop.shop}}</div>
						<div><Button class="btn1" @click="$router.push('/confirm')">查看</Button></div>
					</Card>
				</Col>
				<Col :offset="14">
					<Card class="c2">
						<div>用户个数:</div>
						<div>{{this.user}}</div>
						<div><Button class="btn1" @click="$router.push('/admin/home/user')">查看</Button></div>
					</Card>
				</Col>
				<div class="clea"></div>
			</Row>
		</div>
	</div>
</template>

<script>
	export default {
		name: "AdminIndex",
		data() {
			return {
				shop: {
					shops:'',
					shop:''
				},
				user: '',
				waiting:{

				},
			};
		},
		async mounted() {
			let users = await this.$axios.get('/root/RootSee/shop').then(r=>r.data)
			this.shop = await this.$axios.get('/root/RootSee/shop').then(r=>r.data)
			this.user =users.users
		},
		methods:{

		}
	}
</script>

<style lang="less">
	.AdminIndex{
		.c1{
			height: 150px;
			margin-top: 10px;
			font-size: 30px;
			float: left;
			width: 300px;
		}
		.c2{
			font-size: 30px;
			height: 150px;
			width: 300px;
			margin-top: 10px;
		}
		.clea{
			clear: both;
		}
		.btn1{
			margin-top: -10px;float: right;
		}
	}
</style>